{% extends '::backend.html.twig' %}
{% block contenido %}
{% block documentReadyJavascript %} 
    {{ parent() }}
<script type="text/javascript" >
    $(".delete").on('click', function(e){
            e.preventDefault()
            $this = $(this);
            $("#confirmation-dialog").dialog({
            resizable: false,
            height:180,
            width:'auto',
            modal: true,
            title:"Alerta!",
            buttons: {
                "Eliminar": function() {
                    $this.parent().submit();
                },
                Cancelar: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    </script>
{% endblock documentReadyJavascript %}
{% include 'BackendBundle:Default:flashAlerts.html.twig'%}
    <a class="btn  btn-success" href="{{ path('oficina_new') }}">
        <i class="icon-plus" ></i>Agregar Oficina
    </a>
{% if entities %}
{#{% block id 'oficina' %} #}
{#<div class="divinterna">  
    <table class="records_list"> #}

<legend>Listado de Oficinas</legend>
<table class="table table-striped table-bordered table-striped table-hover">
    <thead>
        <tr>               
            <th>Nombre</th>
            <th>Opciones</th>
        </tr>
    </thead>
    <tbody>
        {% for entity in entities %}
                <tr class="{{ cycle(['GrillaRow','GrillaRowAlt'],loop.index) }}">
                 
                    <td>{{ entity.nombre }}</td>
                    <td valign="middle" align="center">
                    {% include 'BackendBundle:Default:accionesConPermisos.html.twig' with {'basePath':'oficina','esEditor':true}%}
                        </td>
                    </tr>
        {% endfor %}
                </tbody>
            </table>
            <table>
                <tr>
                    <td class="tdcuerpomargen">
                        <a class="btnOficinaNew" href="{{ path('oficina_new') }}">
                        </a>
                    </td>
                </tr>
            </table>
        </div>
        <div id="confirmation-dialog" style="display:none">
            <div class="alert alert-error">
                <strong>Borrará!</strong>  la oficina por completo, está seguro?
            </div>
        </div>
    {% else %}
        <h3>{{ "No se encontraron oficinas" }}</h3>
    {% endif %}
{% endblock %}
